<template>
    <Person :list="personList"/>
</template>

<script lang="ts" setup name="App">
  import Person from './components/Persons.vue'

  import {type Persons} from '@/types';

  import {reactive} from 'vue'

  let personList = reactive<Persons>([
    {id:'adfafaf001',name:'zhagnsan',age:18},
    {id:'adfafaf002',name:'lisi',age:20},
    {id:'adfafaf003',name:'wangwu',age:35}
  ])

</script> 

<style scoped>
.app{
    background-color: #ddd;
    box-shadow: 0 0 10px;
    border-radius: 10px;
    padding: 20px;
}

</style>